@import url("indexs.less");

.hdr{
    .menu{
        display: flex;
        align-items: center;
        justify-content: center;
        img{
            .px2rem(width,40);
            .px2rem(height,40);
        }
    }
}
.mian{
    ul{
        position: fixed;
        display: flex;
        width: 100%;
        .px2rem(top,90);
        background: white;
        justify-content: space-around;
        align-items: center;
        li{
            text-align: center;
            list-style: none;
            margin: 0 4%;
            .px2rem(height,90);
            width: 17%;
            .px2rem(line-height,90);
            .px2rem(font-size,25);
        }
        .nav-one{
            border-bottom: 2px solid #ff5793;
            color: #FF5793;
            box-sizing: border-box;
        }
    }
    .content{
        .px2rem(padding-top,180);
        .px2rem(padding-bottom,120);
        margin: 0 2%;
        height: 100%;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        dl{
            width: 47%;
            .px2rem(height,444);
            dt{
                img{
                    width: 100%;
                    .px2rem(height,340);
                }
            }
            dd{
               
            }
            dd:last-child{
                .px2rem(margin-top,15);
                display: flex;
                    justify-content: space-between;
                 span{
                    
                    img{
                        .px2rem(width,42);
                        .px2rem(height,42);
                        .px2rem(padding-right,12);
                    }
                }
                span:first-child{
                    color: red;
                }
            }
        }
    }
}
